<!--
 * @Author: zhangjingyu
 * @Date: 2020-10-22 19:29:59
 * @LastEditors: zhangjingyu
 * @LastEditTime: 2020-12-30 20:08:17
 * @FilePath: \vprisk10.14\src\views\Home\Home.vue
 * @Description: 
-->
<template>
  <div>
    <div id="png">
      <img src="./welcome.png">
      <div id="texts">
      您好，{{realName}}，欢迎使用泛鹏管理会计平台。<br/><br/>
      您的登录时间是：{{userInfo.time}}
    </div>
    </div>
    
  </div>
</template>

<script>
import { mapState } from "vuex";
  export default {
    data() {
      return {
        userInfo:JSON.parse(sessionStorage.getItem('userInfo'))
      }
    },
    computed:{
       ...mapState({
      realName: state => state.user.userInfo?state.user.userInfo.realName:"",
    })
    },
  }
</script>

<style lang="scss" scoped>
#png {
  width: 640px;
  height: 200px;
  margin: 100px auto;
  img{
    width: 200px;
    height: 200px;
    margin: 0 160px;
  }
}
#texts {
  width: 640px;
  height: 80px;
  margin:0 auto;
  font-size: 18px;
  color:#595959;
  text-align: center;
}
</style>